<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/dhshouye.css">
    <link rel="stylesheet" href="../css/header&foot.css">
    <link rel="stylesheet" href="../css/reset.css">
    <script src="../js/jquery-1.1.3.js"></script>
</head>

<body>
    <div class="bg">
        <div class="container">
            <!-- 头部 -->
            <header class="head">
                <div class="item">
                    <img src="../img/s东湖2016-9-18_02.png" alt="">
                </div>
                <div class="item">

                    <img class="start1" src="../img/s东湖2016-9-18_03_03.png" alt="">
                </div>
            </header>
            <!-- 侧边栏 -->
            <div class="slide-navs">
                <ul class="slide-nav">
                    <li>
                        <a href="../html/dhshouye.html">
                            <h1>首页</h1>
                        </a>
                    </li>
                    <li>
                        <a href="../html/旗下产品.html">
                            <h1>旗下产品</h1>
                            <ul>
                                <li>
                                    <a href="../html/旗下产品.html">大数据资产归集和交易</a>
                                </li>
                                <li>
                                    <a href="">大数据资产可视化搜索</a>
                                </li>
                                <li>
                                    <a href="">大数据资产评估与定价</a>
                                </li>
                            </ul>
                        </a>
                        <div class="sanjiao">
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <h1>解决方案</h1>
                        </a>
                        <ul>
                            <li><a href="">科技</a></li>
                            <li><a href="">社团</a></li>
                            <li><a href="../html/文创.html">文创</a></li>
                            <li><a href="">传媒</a></li>
                            <li><a href="">商业</a></li>
                            <li><a href="">招商</a></li>
                        </ul>

                        <div class="sanjiao">
                        </div>
                    </li>
                    <li>
                        <a href="./核心优势.html">
                            <h1>核心优势</h1>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h1>新闻中心</h1>
                            <ul>
                                <li>
                                    <a href="../html/领导关注.html">领导关注</a>
                                </li>
                                <li>
                                    <a href="../html/媒体关注.html">媒体关注</a>
                                </li>
                                <li>
                                    <a href="../html/公司动态.html">公司动态</a>
                                </li>
                            </ul>

                        </a>
                        <div class="sanjiao">
                        </div>
                    </li>
                    <li>
                        <a href="../html/公司简介.html">
                            <h1>关于东湖</h1>
                            <ul>
                                <li><a href="../html/公司简介.html">公司简介</a></li>
                                <li><a href="../html/企业文化.html">企业文化</a></li>
                                <li><a href="../html/招贤纳士.html">招贤纳士</a></li>
                                <li><a href="../html/联系我们.html">联系我们</a></li>
                            </ul>
                        </a>
                        <div class="sanjiao">
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 中上部分 -->
            <div class="title">
                <div class="line"></div>
                <div class="test">
                    <p>LEADING SERVICE</p>
                    <p>领先的大数据资产运营商</p>
                </div>
            </div>
            <!-- 中间部分 -->
            <div class="center">
                <div class="item1">
                    <a href=""></a>
                </div>
                <div class="item2">
                    <a href="../html/文创.html"></a>
                </div>
                <div class="item3">
                    <div class="item3-top">
                        <a class="item3-top1" href="../html/企业文化.html"></a>
                        <a class="item3-top2" href="../html/招贤纳士.html"></a>
                    </div>
                    <div class="item3-bottom">
                        <a href="./核心优势.html"></a>
                    </div>
                </div>
                <div class="item4">
                    <a href="../html/公司简介.html"></a>
                </div>
            </div>
            <!-- 底部侧边app -->
            <div class="bottom-right">
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
            <!-- 底部 -->
            <footer class="foot">
                <div class="test">
                    <p>武汉东湖大数据交易中心股份有限公司</p>
                    <p>鄂ICP备15013761a号-2</p>
                </div>
            </footer>
        </div>



    </div>
    <script src="../js/侧边栏的效果.js"></script>
    <!-- <script>
        // 实现页面滑动
        var flag = false
        $('.start1 ').on('click', function(e) {
            var start = $(e.target);
            if (!flag) {
                start.parent().parent().parent().parent().animate({
                    left: -7.03125 + 'rem'

                });
                start.parent().parent().next().css('display', 'block')
                start.attr('src', '../img/s东湖2016-9-18_33.png')
                flag = true
            } else {
                start.parent().parent().parent().parent().animate({
                    left: 0
                });
                start.attr('src', '../img/s东湖2016-9-18_03_03.png')
                start.parent().parent().next().css('display', 'none')
                flag = false
            }
        });

        // 侧边菜单栏展开
        var flag2 = false;
        $('.slide-nav').on('click', 'li', function(e) {
            if ($(this).find('ul').css('display', 'none') && !flag2) {
                $(this).find('.sanjiao').css({
                    transform: 'rotateZ(90deg)'
                });
                $(this).find('ul').css('display', 'block');
                flag2 = true

            } else {
                $(this).find('.sanjiao').css({
                    transform: 'rotateZ(0deg)'
                });
                $(this).find('ul').css('display', 'none');
                flag2 = false

            }
        })
    </script> -->
</body>

</html>